<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=750, user-scalable=no">
	<meta id="m1" itemprop="name" content=""/>
    <meta itemprop="image" content=""/>
    <meta id="m3"  name="description" itemprop="description" content="" />
	<link rel="icon" href="img/da.ico">
    <title>i幸会</title>
    <link href="css/courseH5.css" rel="stylesheet">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js?v=4"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
    <!-- qq二次分享-->
    <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script>
    <script type="text/javascript" src="js/session.js"></script>
</head>
<body>
<div id="top">
    <div class="downloadApp">
        <img src="img/tubiao.png">
        <a>课程表</a>
        <i>打开App</i>
    </div>
    <div class="remove">课程已被删除</div>
    <div id="add1">
        <!--<div class="pic">-->
            <!--<img src="img1/x01.jpg" alt=""/>-->
            <!--<img src="img1/bowhite@2x.png" alt=""/>-->
        <!--</div>-->
        <!--<div class="mokuai3">-->
            <!--<p><span>01</span><span>那节课的标题-&#45;&#45;&#45;&#45;&#45;&#45;巴拉巴拉</span></p>-->
            <!--<p>一句话的简介........</p>-->
        <!--</div>-->
    </div>

</div>
<div id="add2">
    <div class="mokuai4">
        <!--<p>-->
            <!--<span>课的名字</span>-->
            <!--<img src="img1/xiangshang@2x.png" alt=""/>-->
        <!--</p>-->
        <!--<div class="intro">-->
            <!--<p>讲师介绍</p>-->
            <!--<p>-->
                <!--<img src="img1/xiangshang@2x.png" alt=""/>-->
                <!--<span>陶石全</span>-->
            <!--</p>-->
            <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aperiam aspernatur, commodi consequatur deleniti dolore dolorum ea esse facilis minima ratione reprehenderit sapiente tempore vel voluptatibus. Aliquid delectus obcaecati quia?</p>-->
        <!--</div>-->
        <!--<div class="intro">-->
            <!--<p>适用人群</p>-->
            <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aperiam aspernatur, commodi consequatur deleniti dolore dolorum ea esse facilis minima ratione reprehenderit sapiente tempore vel voluptatibus. Aliquid delectus obcaecati quia?</p>-->
        <!--</div>-->
        <!--<div class="intro">-->
            <!--<p>课程概述</p>-->
            <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aperiam aspernatur, commodi consequatur deleniti dolore dolorum ea esse facilis minima ratione reprehenderit sapiente tempore vel voluptatibus. Aliquid delectus obcaecati quia?</p>-->
        <!--</div>-->
    </div>
    <div class="mokuai5">
        <ul>
            <!--<li>-->
                <!--<p><span>02</span><span>策划总监之第四课</span></p>-->
                <!--<img class="img1" src="img1/bo@2x.png" alt=""/>-->
                <!--<p>00:22:22</p>-->
            <!--</li>-->
            <!--<li>-->
                <!--<p><span>02</span><span>策划总监之第四课</span></p>-->
                <!--<img class="img2" src="img1/suoding@2x.png" alt=""/>-->
                <!--<p>00:22:22</p>-->
            <!--</li>-->
            <!--<li>-->
                <!--<p><span>02</span><span>策划总监之第四课</span></p>-->
                <!--<img class="img2"  src="img1/suoding@2x.png" alt=""/>-->
                <!--<p>00:22:22</p>-->
            <!--</li>-->
        </ul>
    </div>
    <div class="more more3">
        打开APP查看更多
    </div>
    <div class="evaluate">
        <p></p>
        <ul>
            <!--<li>-->
                <!--<div>-->
                    <!--<img src="img1/bo@2x.png" alt=""/>-->
                    <!--<div>-->
                        <!--<p>罗文杲</p>-->
                        <!--<p>2017.04.01</p>-->
                    <!--</div>-->
                    <!--<span><img src="img1/zan@2x.png" alt=""/> 5</span>-->
                <!--</div>-->
                <!--<p>-->
                    <!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam aspernatur commodi ducimus eius enim impedit ipsum iure modi mollitia quod, ratione, repellat rerum similique sit soluta tempore ullam voluptate.-->
                <!--</p>-->
            <!--</li>-->
            <!--<li>-->
                <!--<div>-->
                    <!--<img src="img1/bo@2x.png" alt=""/>-->
                    <!--<div>-->
                        <!--<p>罗文杲</p>-->
                        <!--<p>2017.04.01</p>-->
                    <!--</div>-->
                    <!--<span><img src="img1/zan@2x.png" alt=""/> 5</span>-->
                <!--</div>-->
                <!--<p>-->
                    <!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam aspernatur commodi ducimus eius enim impedit ipsum iure modi mollitia quod, ratione, repellat rerum similique sit soluta tempore ullam voluptate.-->
                <!--</p>-->
            <!--</li>-->
        </ul>
        <div class="more more1">没有更多了</div>
        <div class="more more2">点击查看更多</div>
    </div>
    <div class="xiao">
        <img src="img/xiao.png" alt=""/>
    </div>
	<div class='click'></div>
    <div class="mp3">
        <audio id="audio" ></audio>
        <i></i>
        <p>
            <span></span>
            <span></span>
            <span></span>
        </p>
        <!--<progress  value="0" max="100"></progress>-->
        <img class="music" src="img/bo@2x.png" alt=""/>
        <div><span>00:00:00</span><span>00:00:00</span></div>
    </div>
    <div style="clear:both"></div>
</div>
<script src="js/courseH5.js"></script>
</body>
</html>